<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>手机绑定 · Top - 英皇乐理 在线模考平台</title>
    <link rel="shortcut icon" th:href="@{/images/logo.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/login.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/api.js}"></script>
    <script type="text/javascript" th:src="@{/js/util.js}"></script>
    <script type="text/javascript" th:src="@{/js/verify.js}"></script>
    <style>
        .login-box .form-box .form-box-item .get-code:hover {
            background: #ff7f15;
            color: #fff;
        }
    </style>
</head>
<body>
<div class="main-div login">
    <input id="unionid" th:value="${unionid}" style="display: none"/>
    <div class="login-box">
        <div class="login-left-img"></div>
        <div class="login-right-form">
            <div class="form-box">
                <!--绑定手机验证码-->
                <div class="box">
                    <div class="title">绑定登录手机号</div>
                    <div class="form-box-item">
                        <input type="text" id="phone-stuMobile" placeholder="请输入登录手机号"/>
                    </div>
                    <div class="form-box-item" style="display: flex">
                        <input type="text" id="phone-code" style="border-right: none;border-top-right-radius: 0;border-bottom-right-radius: 0;" placeholder="请输入手机验证码"/>
                        <div class="phone-code-box" style="width: 40%"><a class="get-code" onclick="getVerification()">获取验证码</a></div>
                    </div>
                    <div class="form-box-item">
                        <button onclick="saveBindLogin()">登&nbsp;&nbsp;录</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
